<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>蚂蚁集团招聘官网</title>
    <link rel="stylesheet" href="./css/Index.css" />
  </head>
  <body>
    <div class="wrap">
      <header class="transparentNavBar">
        <nav>
          <div class="header_nav_logo">
            <div class="logo_img_container pointer">
              <img
                src="https://gw.alipayobjects.com/zos/bmw-prod/25d46cbf-7f0f-4745-a6c5-75d977f8c1a5.svg"
                alt=""
              />
            </div>
          </div>
          <ul>
            <li><a href="/Ant_Group/Index.html">主页</a></li>
            <li>
              <a href="/Ant_Group/html/Social_Recruitment.html">社会招聘</a>
            </li>
            <li>
              <a href="/Ant_Group/html/Campus_Recruitment.html">校园招聘</a>
            </li>
            <li>
              <a href="/Ant_Group/html/Living_In_Ants.html">生活在蚂蚁</a>
            </li>
            <li><a href="/Ant_Group/html/Personal_Center.html">个人中心</a></li>
          </ul>
          <div class="nav_login_container">
            <a href="/Ant_Group/html/Personal_Center.html">登录</a>
            <div class="header_swith_language pointer">
              <img
                src="https://gw.alipayobjects.com/zos/bmw-prod/2f8b523c-24c4-40d5-9097-57f77011cf5d.svg"
                alt=""
              />
            </div>
          </div>
        </nav>
      </header>
      <main>
        <!-- 主体头部视频区域 -->
        <div class="main_video_box">
          <div class="main_top_exhibition parallax">
            <video src="https://gw.alipayobjects.com/mdn/rms_924828/afts/file/A*h2RNTLklYF8AAAAAAAAAAAAAARQnAQ"autoplay loop muted style="width: 100vw;height: 100vh;"></video>
            <!-- 主体文字和按钮区域 -->
            <div class="top_exhibition_content parallaxText">
              <!-- 头部标题 -->
              <div class="top_exhibition_title">
                <img src="./images/Index/index1.png" alt="" />
              </div>
              <!-- 头部招聘按钮 -->
              <div class="top_exhibition_btn">
                <button class="recruit_btn pointer"><a href="/Ant_Group/html/Social_Recruitment.html">社会招聘</a></button
                ><button class="recruit_btn pointer"><a href="/Ant_Group/html/Campus_Recruitment.html">校园招聘</a></button>
              </div>
            </div>
          </div>
        </div>
        <!-- 主体业务模块 -->
        <div class="main_business_block overlap">
          <!-- 业务模块标题 -->
          <div class="business_title">
            <img src="./images/Index/index2.png" alt="" />
          </div>
          <!-- 项目容器 -->
          <div class="business_item_container">
            <!-- 项目 -->
            <!-- <div class="business_item">
                <img
                  src="./images/Index/A_i8T0Ro8LFgcAAAAAAAAAAAAAARQnAQ.png"
                  alt=""
                />
                <div class="mask"></div>
                <h2>数字支付</h2>
                <p>
                  第一个参数“指定函数的间隔数，必须是一个正整数。动画时长将平均分成与步数相对应的段数。例如：动画时长为1秒，步数为10，那么动画将会分成10步完成，一步的时长为100毫秒。元素会在页面中重新绘制10次，间隔100毫秒。
                </p>
                <i class="iconfont icon-xialajiantou2"></i>
              </div> -->
          </div>
        </div>
        <!-- 这就是蚂蚁 -->
        <div class="main_company_overview">
          <div class="company_overview_bagImg">
            <img
              src="./images/Index/A_O5tnQrypNYMAAAAAAAAAAAAAARQnAQ.png"
              alt=""
            />
          </div>
          <h2>这就是蚂蚁</h2>
          <!-- 项目 -->
          <div class="company_overview_container">
            <!-- <div class="company_overview_item">
                <div class="img_container">
                  <img
                    src="./images/Index/A_Z1IDS7CbGxEAAAAAAAAAAAAAARQnAQ.png"
                    alt=""
                  />
                </div>
                <p>关注成长</p>
                <p>
                  我们拥有完善的培养体系，注重员工通用能力和专业技能的培养，同时将海量学习资源汇总在内部平台上助力员工探索更多可能
                </p>
              </div> -->
          </div>
        </div>
        <!-- 薪酬福利 -->
        <div class="main_remunerationBenefits">
          <h2>薪酬与福利</h2>
          <!-- 薪酬福利内容 -->
          <div class="remunerationBenefits_content">
            <!-- 左边小圆 -->
            <div class="left_circular">
              <img
                src="./images/Index/A_J_1TSYLfHsYAAAAAAAAAAAAAARQnAQ.png"
                alt=""
              />
            </div>
            <!-- 右边小圆 -->
            <div class="right_circular">
              <img
                src="./images/Index/A_J_1TSYLfHsYAAAAAAAAAAAAAARQnAQ.png"
                alt=""
              />
            </div>
            <div class="welfare_box">
              <!-- 每个薪酬盒子 -->
                <!-- <div class="welfare_item">
                  <img src="./images/Index/A_SBN7RZQYZYwAAAAAAAAAAAAAARQnAQ.png" alt="">
                  <div class="text_container">
                    <h2>iHome（无息置业贷款）</h2>
                    <p>帮助员工解决工作地首次刚需置业的困难，让蚂蚁人在奋斗的城市拥有属于自己的家</p>
                  </div>
                </div> -->
            </div>
          </div>
        </div>
        <!-- 使命和愿望 -->
        <div class="main_vision">
          <h2>使命和愿景</h2>
          <!-- 左边内容块 -->
          <div class="vision_content">
            <div class="vision_left_content">
              <div class="svg_content">
                <img
                  src="https://gw.alipayobjects.com/zos/bmw-prod/c347536b-9507-41b3-aef0-a792efaa6b60.svg"
                  alt=""
                />
              </div>
              <p>
                我们的使命<br />
                让天下没有难做的生意。
              </p>
              <p>
                我们的愿景<br />
                是致力于构建未来的数字化基础建设，<br />
                为世界带来更多微小而美好的改变。<br />
                我们不追求大，不追求强，追求成为一家能健康成长<br />
                102年的好公司。
              </p>
            </div>
            <!-- 中间内容块 -->
            <div class="vision_middle_content">
              <img
                src="./images/Index/A_uetORYZZ1x0AAAAAAAAAAAAAARQnAQ.png"
                alt=""
              />
            </div>
            <!-- 右边内容块 -->
            <div class="vision_right_content">
              <img
                src="./images/Index/A_UU_rTZatnUIAAAAAAAAAAAAAARQnAQ.png"
                alt=""
              />
            </div>
            <div class="vision_circular_img">
              <img
                src="./images/Index/A_RswCTInFbTsAAAAAAAAAAAAAARQnAQ.png"
                alt=""
              />
            </div>
          </div>
        </div>
        <!-- 回想人物志 -->
        <div class="main_people_introduction">
          <h2>回响人物志</h2>
          <!-- 人物卡片区域 -->
          <div class="people_introduction_card">
            <button class="card_left_btn">
              <i class="iconfont icon-zuojiantou"></i>
            </button>
            <button class="card_right_btn">
              <i class="iconfont icon-youjiantou"></i>
            </button>
            <div class="cardBox">
              <!-- 卡片介绍 -->
              <ul class="card_list_container">
                <!-- 卡片容器 -->
                <li>
                  <!-- <div class="card_item_container"> -->
                  <!-- 卡片项目内容 -->
                  <!-- <div class="card_item_content"> -->
                  <!-- 图片区域 -->
                  <!-- <div class="img_container">
                          <img
                            src="./images/Index/A_311DTIo_psUAAAAAAAAAAAAAARQnAQ.png"
                            alt=""
                          />
                        </div> -->
                  <!-- 文本区域 -->
                  <!-- <div class="text_container"> -->
                  <!-- 职业 -->
                  <!-- <p>技术</p>
                          <div class="text_item"> -->
                  <!-- 文本内容 -->
                  <!-- <div class="text_item_content">
                              <h2>守护长辈们的钱包，是我一直想做的事</h2>
                              <span>
                                4年前，家里的老人就接过诈骗电话，差点转账了，我一直想着自己能做点啥。<br />
                                蚂蚁offer到手后，就决定深耕AI反诈领域。这边鼓励试错和创新，可以做一些不同的算法方案，后来我和同事就鼓捣出了“叫醒热线”，利用AI识别诈骗风险，并电话劝阻用户，优先服务于50岁以上老人。<br />
                                以后我也会一直跟诈骗“杠”下去，让骗子在AI面前无所遁形！
                              </span>
                            </div>
                          </div> -->
                  <!-- 人物信息块 -->
                  <!-- <div class="people_info_bar">
                            <div class="people_info">
                              <div class="job_and_img">
                                <div class="small_img_container">
                                  <img
                                    src="./images/Index/A_pSLdTq7G9CcAAAAAAAAAAAAAARQnAQ.png"
                                    alt=""
                                  />
                                </div>
                                <p>采石·大安全-算法工程师</p>
                              </div>
                              <button class="pointer">
                                了解更多<i class="iconfont icon-xialajiantou1"></i>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div> -->
                </li>
              </ul>
            </div>
          </div>
        </div>
        <!-- 环境和氛围 -->
        <div class="main_environment">
          <h2>环境和氛围</h2>
          <div class="main_environment_content">
            <!-- 轮播图 -->
            <ul>
              <!-- <li>
                <img
                  src="./images/Index/A_N4q2S7T-HUcAAAAAAAAAAAAAARQnAQ.jpg"
                  alt=""
                />
              </li> -->
            </ul>
            <!-- 按钮 -->
            <button class="environmentBtn env_leftBtn pointer">
              <i class="iconfont icon-zuojiantou"></i>
            </button>
            <button class="environmentBtn env_rightBtn pointer">
              <i class="iconfont icon-youjiantou"></i>
            </button>
            <!-- 文本区 -->
            <div class="environment_info_container">
              <div class="left_page">
                <!-- <span>3</span> / 16 -->
              </div>
              <div class="right_text">
                <p>
                  位于杭州市西湖区的蚂蚁A空间，依山而建，树木葱茏，夏听夏蝉，冬见冬雪。园区拥有能将雨水循环利用的水循环系统，亦配置了太阳能光伏发电系统、屋顶绿化智能喷灌系统…这座以科技助力打造的新型绿色园区，自始至终贯穿着蚂蚁对绿色的向往。
                </p>
              </div>
            </div>
            <!-- 空间选择 -->
            <div class="environmentBtn_select">
              <div class="space">
                <!-- <p>杭州-蚂蚁A空间</p> -->
              </div>
            </div>
          </div>
        </div>
        <!-- 主体底部备注 -->
        <div class="main_remarks">
          <span>*</span>
          <span>蚂蚁集团在中国及全球多个城市均设有办公地点</span>
        </div>
        <!-- 主体底部左侧圆与方块-->
        <div class="main_footer_circulr">
          <img
            src="./images/Index/A_hnmFT7KDILsAAAAAAAAAAAAAARQnAQ.png"
            alt=""
          />
          <!-- <img src="./images/Index/A_O5tnQrypNYMAAAAAAAAAAAAAARQnAQ.png" alt=""> -->
        </div>
        <div class="main_footer_block">
          <img
            src="./images/Index/A_O5tnQrypNYMAAAAAAAAAAAAAARQnAQ.png"
            alt=""
          />
        </div>
      </main>
      <!-- 底部 -->
      <footer>
        <div class="footer_top">
          <div class="footer_top_content">
            <div class="footer_top_address">
              <h2>总部地址</h2>
              <p>中国杭州市西湖区</p>
              <p>西溪路569号蚂蚁A空间</p>
            </div>
            <div class="footer_top_consult">
              <h2>招聘咨询</h2>
              <p>如需咨询招聘相关事宜</p>
              <p>请拨打电话: <span>0571-28280505</span></p>
            </div>
            <div class="footer_top_aboutUs">
              <h2>关注我们</h2>
              <div class="aboutUs_iconGroup">
                <div class="aboutUs_iconItem wechat">
                  <img
                    src="https://gw.alipayobjects.com/zos/bmw-prod/608d73fa-22df-4ad3-9481-3aae5bb8f280.svg"
                  />
                </div>
                <div class="wechat_QR_code">
                  <img src="./images/Index/wechat.png" alt="" />
                </div>
                <div class="aboutUs_iconItem weibo">
                  <img
                    src="https://gw.alipayobjects.com/zos/bmw-prod/06f3a9b9-6425-48b3-9199-bb6c1c310579.svg"
                  />
                </div>
                <div class="weibo_QR_code">
                  <img src="./images/Index/weibo.png" alt="" />
                </div>
                <div class="aboutUs_iconItem maimai">
                  <img
                    src="https://gw.alipayobjects.com/zos/bmw-prod/cf41bda7-f529-4b34-8463-15147f7d9cad.svg"
                  />
                </div>
                <div class="maimai_QR_code">
                  <img src="./images/Index/maimai.png" alt="" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="footer_bottom">
          <p>经营许可证编号: 合字B2-20190048</p>
          <p>ICP备案: 浙B2-20100257-3</p>
          <p>Copyright &copy; 2022 蚂蚁科技集团股份有限公司</p>
        </div>
      </footer>
      <!-- 回到顶部 -->
      <div class="backTop pointer">
        <i class="iconfont icon-shangjiantou1"></i>
      </div>
    </div>
    <script type="module" src="js/index.js"></script>
  </body>
</html>
